Smiley-Kategorien in der Modern Shoutbox

 <style scoped>
                    .smiliesContent, .smiliesContent img {
                display: none;
            .shoutboxSidebar .smiliesContent{
            width: 80%!important;
            }
            .shoutboxSidebar .tabMenuContainer {
        width:215px!important;
         overflow:hidden!important;
    }
        .shoutboxSidebar .tabMenuContainer > .menu ul li {
         word-wrap:break-word; 
    }
        </style>
        {assign var=smileyCategories value=$shoutboxSmilies->getCategories()}
        {assign var=defaultSmilies value=$shoutboxSmilies->getCategorySmilies()}
         {if $smileyCategories|count}
            {assign var=__tabCount value=0}
            {capture assign=__categoryTabs}
                {foreach from=$smileyCategories item=smileyCategory}
                    {if !$smileyCategory->isDisabled}
                        {assign var=__tabCount value=$__tabCount + 1}
                        {assign var='__smileyAnchor' value='smilies-'|concat:$smileyCategory->categoryID}
                        <li><a href="{$__wcf->getAnchor($__smileyAnchor)}" data-smiley-category-id="{@$smileyCategory->categoryID}">{$smileyCategory->title|language}</a></li>
                    {/if}
               {/foreach}
            {/capture}
            <div  class="jsOnly smiliesContent tabMenuContent container containerPadding{if $__tabCount} tabMenuContainer{/if}">            
                {if $__tabCount > 1}
                    <nav class="menu">
                        <ul>
                            {@$__categoryTabs}
                        </ul>
                    </nav>
                    {foreach from=$smileyCategories item=smileyCategory}
                        {if !$smileyCategory->isDisabled}
                            <div id="smilies-{@$smileyCategory->categoryID}" class="hidden tabMenuContent">
                                {if $smileyCategory->categoryID}
                                    {include file='__messageFormSmilies' smilies=$shoutboxSmilies->getCategorySmilies($smileyCategory->categoryID)}
                                {else}
                                    {include file='__messageFormSmilies' smilies=$shoutboxSmilies->getCategorySmilies()}
                                {/if}
                            </div>
                        {/if}
                    {/foreach}
                {else}
                    {include file='__messageFormSmilies' smilies=$shoutboxSmilies->getCategorySmilies()}
                {/if}
            </div>
        {/if}